<template>
    <div class="new4">
      <div class="newleft1">
            <h2>{{tille}}</h2>
            <p>{{name}} <span>{{time}}</span></p>
        </div>
        <div class="newright1">
            <img :src="img" alt="">
        </div>
    </div>
</template>
<script>
export default {
     props:[
        "tille","name", "time","img"
    ]
}
</script>
<style scoped>
    .new4{
        width:90%;
        margin:0.1rem auto;
        border-bottom:0.01rem solid #efefef;
        display:flex;
        justify-content:space-between;
        padding-bottom:0.12rem;
    }
    .newleft1{
        width:60%;
        height:1.2rem;
         display:flex;
         flex-direction:column;
        justify-content:space-between;
    }
    .newleft1 h2{
        font-size:16px;
        font-weight:700;
    }
     .newleft1 h3{
        font-size:14px;
        font-weight:500;
    }
    .newleft1 p{
        font-size:12px;
        color:#ff8a97;
    }
    .newright1{
         width:40%;
        height:1.2rem;
        /* background-color:brown; */
    }
    .newright1 img{
        width:100%;
        height:100%;
    }
</style>